<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航条</title>
		<style type="text/css">
			* {
				/* 去除所有格式 */
				margin: 0;
				padding: 0;
				list-style: none;
				outline: none;
				border: 0;
				background: none;
				text-decoration: none;
			}

			body {
				/* 所有字体大小为14px */
				font-size: 14px;
				/* 所有字体为"微软雅黑" */
				font-family: "微软雅黑";
			}

			a:link,
			a:visited {
				/* 颜色为#fff */
				color: #fff;
				/* 去除下划线 */
				text-decoration: none;
			}

			a:hover {
				/* 鼠标经过时 */
				text-decoration: none;
			}

			/* nav */
			#nav {
				width: 100%;
				/* 背景颜色 */
				background: #0373b9;
			}

			ul {
				width: 980px;
				height: 35px;
				/* 行高为35px */
				line-height: 35px;
				/* 外边距 */
				margin: 0 auto;
				/* 居中 */
				text-align: center;
				/* 字体大小 */
				font-size: 14px;
			}

			ul li {
				/* 左浮动 */
				float: left;
				/* 定位 */
				position: relative;
			}

			ul a {
				/* 转化元素 */
				display: inline-block;
				/* 左右40px的内边距 */
				padding: 0 40px;
			}

			ul a:hover {
				/* 鼠标经过时的颜色 */
				background: #25abff;
			}
		</style>
	</head>

	<body>
		<div id="nav">
			<ul>
				<li><a href="#">机构</a></li>
				<li><a href="#">少儿英语</a></li>
				<li><a href="#">成人英语</a></li>
				<li><a href="#">托福雅思</a></li>
				<li><a href="#">英语四级</a></li>
				<li><a href="#">英语六级</a></li>
			</ul>
		</div>
	</body>
</html>
